module.exports = (options) => `
<template lang="${options.htmlEngines}">
    div.${options.name} {{title}}
</template>

<script>
    export default {
        name: '${options.name}',
        data() {
            return {
                title: '${options.name}'
            }
        },

        /**
         * 生命钩子
         **/
        created() {},
        mounted() {},

        /**
         * 监控
         **/
        watch: {},

        /**
         * 事件
         **/
        methods: {},
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="${options.cssEngines}">
    .${options.name} {
        font-size: 20rpx;
        color: #000;
    }
</style>

`